@for $i from 2 through 200 {
	.w-#{$i}{
		width: 1rpx * $i;
	}
	.h-#{$i}{
		height: 1rpx * $i;
	}
	.lh-#{$i}{
		line-height: 1rpx * $i;
	}
	.mar-top#{$i}{
		margin-top: 1rpx * $i;
	}
	.mar-left#{$i}{
		margin-left: 1rpx * $i;
	}
	.mar-right#{$i}{
		margin-right: 1rpx * $i;
	}
	.mar-bottom#{$i}{
		margin-bottom: 1rpx * $i;
	}
	.padd-top#{$i}{
		padding-top: 1rpx * $i;
	}
	.padd-left#{$i}{
		padding-left: 1rpx * $i;
	}
	.padd-right#{$i}{
		padding-right: 1rpx * $i;
	}
	.padd-bottom#{$i}{
		padding-bottom: 1rpx * $i;
	}
}

@for $i from 2 through 20 {
	.br-#{$i*2}{
		border-radius: 2rpx * $i;
	}
}

@for $i from 6 through 60 {
	.font_s#{$i*2}{
		font-size: 2rpx * $i;
	}
}

view,
button,
input,
textarea,
label,
image {
	box-sizing: border-box;
}
	
.page {
	height: 100vh;
	overflow: hidden;
}

.page_bg_FAFAFA {
	min-height: 100vh;
	overflow: hidden;
	background: #FAFAFA;
}
.page_bg{
	min-height: 100vh;
	overflow: hidden;
	background: #fff;
}

.page::-webkit-scrollbar {
	display: none;
}

.over_hiden {
	overflow: hidden;
}

.underline {
	text-decoration: underline;
}

.mask {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0, 0, 0, 0.4);
	z-index: 99;
}

.pos_rel {
	position: relative;
}

.pos_abs {
	position: absolute;
}
.marginT20 {
  margin-top: 20rpx;
}
.marginT140 {
  margin-top: 140rpx;
}

.padd30 {
	padding: 0 30rpx;
}

.padd32 {
	padding: 0 32rpx;
}

.padd34 {
	padding: 0 34rpx;
}
.padd94 {
  padding: 0 94rpx;
}
.font_w400 {
	font-weight: 400;
}

.font_w500 {
	font-weight: 500;
}

.font_w600 {
	font-weight: 600;
}

.font_w800 {
	font-weight: 800;
}

.flex {
	display: flex;
}

.flex_column {
	display: flex;
	flex-direction: column;
}

.flex1 {
	flex: 1;
}

.flex2 {
	flex: 2;
}
.flex-direction {
	flex-direction: column;
}

.flex-wrap {
	flex-wrap: wrap;
}

.align-start {
	align-items: flex-start;
}

.align-end {
	align-items: flex-end;
}

.align-center {
	align-items: center;
}

.align-stretch {
	align-items: stretch;
}

.align-baseline {
	align-items: baseline;
}
.self-start {
	align-self: flex-start;
}

.self-center {
	align-self: flex-center;
}

.self-end {
	align-self: flex-end;
}

.self-stretch {
	align-self: stretch;
}

.justify-start {
	justify-content: flex-start;
}

.justify-end {
	justify-content: flex-end;
}

.justify-center {
	justify-content: center;
}

.justify-between {
	justify-content: space-between;
}

.justify-around {
	justify-content: space-around;
}

.text_left {
	text-align: left;
}

.text_right {
	text-align: right;
}

.text_center {
	text-align: center;
}

.mar_auto {
	margin: auto;
}

.text_over_ell {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.m_rotate {
	animation: rotate1 1s linear infinite;
}

@keyframes rotate1 {
	from {
		transform: rotate(0);
	}

	to {
		transform: rotate(360deg);
	}
}

.border-circle{
	border-radius: 50%;
}
.line-height100{
	line-height: 100%;
}

.cr-000{
	color: #000;
}

.cr-fff{
	color: #fff;
}

.cr-333{
	color: #333333;
}

.cr-999{
	color: #999;
}

.cr-222{
	color: #222;
}

.cr-FA312A{
	color: #FA312A;
}

.cr-666{
	color: #666;
}




